@charset "UTF-8";
/*
Theme Name:ULVAC CRYOGENICS INC.
Description:アルバック・クライオ株式会社テンプレート
Author: ULVAC
Author URI: http://www.ulvac-cryo.com/
*/


/*########################___ base (PC+SP)  ___########################*/
body {
	margin: 0;
	padding: 0;
	color: #222;
	width:100%;
	background-color:#fff;
	font-family:"黑体";
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	line-height:1.6em;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
ul li{
	list-style:none;
	padding:0;}

h1, h2, h3, h4, h5, h6, p ,a,div{
	padding:0;
	margin: 0;
	font-size:100%;
}

th,td,dt,dd{
	margin:0;
	padding:0;
	border-spacing:0;
	border-collapse:0;}
img{
	vertical-align:bottom;}
a img {
	border: none;
}

a:link {
	color:#ec7335;
	text-decoration: underline;
}
a:visited {
	color: #303030;
	text-decoration: underline;
}
a:hover{
	color:#ec7335;}
a:hover, a:active, a:focus {
	text-decoration:underline;
}
	
.clearfix ,.prodList li,ul.downloadList li{zoom: 100%;}

.clearfix:after,.prodList li:after,ul.downloadList li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.f12{
	font-size:12px;}
.f14{
	font-size:14px;}
.f60{
	font-size:60%;}
.f70{
	font-size:70%;}
.f80{
	font-size:80%;}
.f90{
	font-size:90%;}
.f106{
	font-size:106%;}
.f110{
	font-size:110%;}
.f120{
	font-size:120%;}
.f130{
	font-size:130%;}
.f140{
	font-size:140%;}
.f150{
	font-size:150%;}
.f160{
	font-size:160%;}
.f190{
	font-size:190%;}
.b{
	font-weight:800;}
.green{
	color:#5eb543;}
.red{
	color:#f86565;}
.nopc{
	display:block;}
.nosp{
	display:none;}

.m20 { margin: 20px 0; }
.mt_5{ margin-top:5px!important;}
.mt_10{ margin-top:10px!important;}
.mt_20{ margin-top:20px!important;}
.mt_30{ margin-top:30px!important;}
.mt_40{ margin-top:40px!important;}
.mt_50{ margin-top:50px!important;}
.mt_60{ margin-top:60px!important;}
.mb_10{ margin-bottom:10px!important;}
.mb_20{ margin-bottom:20px!important;}
.mb_30{ margin-bottom:30px!important;}
.mb_40{ margin-bottom:40px!important;}
.mb_50{ margin-bottom:50px!important;}

.text_c { text-align: center; }

.tex_r{ text-align:right;}

.f_l {
	float:left;
}
.f_r {
	float:right;
}

.clear_b{
	clear:both;}
.img_c{
	display:block;
	margin:10px auto;}

/*=====================BODY========================*/
.wrap{
	width:1000px ;
	margin:0 auto;}
#main{
	width:1000px;
	margin:0 auto;}
#subCrm{
	width:200px;
	float:left;
	margin-top:25px;}
#mainCrm{
	width:770px;
	float:right;
	margin-top:25px;}
.resultPage #mainCrm{
	width:1000px;
	float:none;}

/*=============================================ヘッダー
*/
#lang_sel_list{display:none;}
.headerTopArea{
	background-color:#1e1a1b;
	font-size:12px;
	color:#fff;
	margin-bottom:10px;
	min-width:1000px;
	}
h1{font-weight:normal;
line-height:1.3em;
padding:6px 0;
font-size:12px;}
h1 br{
	display:none;}
.logoArea{ float:left;
padding-top:20px;}
.headerRightArea{
	float:right;
	font-size:12px;
	line-height:1em;}
.headerRightArea table{
	margin-bottom:15px;
	clear:both;
	width:250px;}
.headerRightArea table td img{
	vertical-align:middle;}
.headerRightArea table td{
	text-align:center;}

.headerRightArea table.line01 td{
	text-align:right;}
.headerRightArea table.line01 td.kankyo{
	font-size:10px;
	padding-right:3px;}
.headerRightArea table.line01 span.icon{
	width:18px;
	height:14px;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	background:url(./images/nav_top01.png) no-repeat 0px 0px;}
.headerRightArea table.line02 td.font{
	width:137px;
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;}
.headerRightArea table.line02 td.font a{
	display:inline-block;
	margin:0 5px;
	cursor:pointer;}
.headerRightArea table.line02 td.printTd,
.headerRightArea table.line02 td.sitemap{
	border-right:#e5e5e5 1px solid;
	cursor:pointer;}
.headerRightArea table.line03 td .searchform{
	position:relative;}
.headerRightArea table.line03 td .searchWord{
	border:none;
	background:url(./images/bg_searchArea.png) no-repeat;
	width:215px;
	line-height:30px;
	height:30px;
	padding-left:35px;
	position:relative;}
.headerRightArea table.line03 td .submitbtn{
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:5px;}

/*=============================================スライド
*/
#foo1_pag{
	text-align:center;
	margin:30px auto 0px;
	height:11px;}
#foo1_pag a{
	width:11px;
	height:11px;
	display:inline-block;
	margin:0 5px;
	background:url(./images/slide_navi.png) no-repeat;
	text-indent:-9999px;
	vertical-align:top;
	line-height:1em;
	}
#foo1_pag a.selected{
	background:url(./images/slide_navi_active.png) no-repeat;}


/*=============================================パンくずリスト
*/	
#pan{
	width:100%;
	min-width:1000px;
	background-color:#e5f1f9;
	border-top:#fff 1px solid;
	border-bottom:#77acd6 1px solid;
	padding:10px 0;
	line-height:1.3em;
	font-size:80%;}
#pan ul{
	width:1000px;
	margin:0 auto;}
#pan ul li{
	display:inline-block;
	background:url(./images/icon_pan.png) no-repeat left center;
	padding-left:15px;
	margin-right:10px;
	vertical-align:middle;}
#pan ul li a{ text-decoration:none;}
#pan ul li a:hover{ text-decoration:underline;}
#pan ul li.home{
	background:url(./images/icon_home.png) no-repeat left center;
	padding-left:20px;}
#pan ul li br{
	display:none;}
/*=============================================アイコンナビゲーション
*/	
#lnaviArea{
	width:100%;
	min-width:1000px;
	background:url(./images/bg_lnavi_top.png) repeat-x bottom;
	text-align:center;
	padding-top:22px;
	height:156px;
	position:relative;}
#lnaviArea li{
	width:142px;
	display:inline-block;
	margin:0;}
#lnaviArea li a{
	color:#016abf;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	display:block;
	line-height:1em;
	transition:all 500ms;}
#lnaviArea li a:hover{
	opacity:0.4;
	}
#lnaviArea li a img{
	max-width:92px;
	margin-bottom:10px;}
	
.subHead{
	height:49px;
	width:100%;
	background:url(./images/bg_subhead.png) repeat-x;
	line-height:49px;
	position:absolute;
	top:-53px;
	display:none;z-index:99999}
.subHead .wrap{
	position:relative;}
.arrow-down{
	position:absolute;
	bottom:-13px;
	left:50px;}
.subHead p{
	font-size:15px;
	font-weight:bold;
	color:#fff;}

/*アイコンナビゲーション　下層ページ*/
#lnaviArea.underPage{
	height:104px;
	margin-top:31px;}
#lnaviArea.underPage li a img{
	max-width:62px;
	max-height:70px;}
.underPage .subHead{
	height:29px;
	background-image:none;
	background-color:#eee;
	border-bottom:#fff 1px solid;
	line-height:29px;
	top:-30px;}
.underPage .arrow-down{
	position:absolute;
	bottom:-12px;
	left:50px;}
.underPage .subHead p{
	font-size:12px;
	color:#0075c1;}

/*=============================================メインコンテンツ
*/
/*========index*/

.section{
	margin:15px 0;}
.title{
	background-color:#016abf;
	padding:14px 0 10px;}
.title h2{
	color:#fff;
	font-size:110%;
	background:url(./images/icon_title_white.png) no-repeat left 45%;
	padding-left:15px;
	line-height:1em;}
.title h2 span.alfa{
	color:#a4bee1;
	font-size:12px;
	padding-left:10px;}
	
.viewArea{
	width:1000px;
	height:180px;
	overflow-y:scroll;}
table.news{
	border-collapse:separate;
	border-spacing:14px;
	width:100%;
	box-sizing:border-box;-webkit-box-sizing:border-box;}
table.news th,table.news td{
	text-align:left;
	vertical-align:top;
	font-size:90%;
	line-height:1.3em;
	}
table.news td.line{
	width:1000px;
	padding:0 0 1px 0;
	background:url(./images/line_news.png) no-repeat left bottom;}
table.news th{
	width:180px;
	padding:5px 0 5px 15px;
	background:url(./images/icon_date_red.png) no-repeat 0px 10px;}
table.news td{
		padding:5px 0 5px 25px;
		border-left:#ccc 1px solid;}

li.box220{
	width:210px;
	border:#aaa 1px solid;
	padding:4px;
	float:left;
	margin:20px 0 0 40px;}
li.box220:first-child{
	margin-left:0;}
li.box220 a{
	text-decoration:none;
	font-size:12px;
	display:block;
	transition:all 1000ms;}
li.box220 a:hover{
	opacity:0.5;}
li.box220 img{
	max-height:173px;
	max-width:100%;
	display:block;
	margin:0 auto 10px;}
li.box220 .archiveTitle{
	background-color:#016abf;
	text-align:center;
	padding:6px 0 3px;
	line-height:1.6em;
	color:#fff;
	width:210px;
	height:58px;
	display:table-cell;
	vertical-align:middle;
	position:relative;}
li.box220 .archiveTitle:before{
	position:absolute;
	left:50%;
	top:-13px;
	margin-left:-5px;
	display:block;
	content:url(./images/arrow_archive_navi.png);}
	
/*==================================footer*/
#footer{
	background-color:#eee;
	min-width:1000px;
	margin-top:80px;}
#footerLine{
	background:url(./images/bg_footer_top.png) repeat-x;
	padding-bottom:49px;
	position:relative;}
#footerLine img{
	position:absolute;
	left:50%;
	bottom:-12px;
	margin-left:-14px;}
.footerTop{
	padding:22px 0 10px;}
.boxFooter{
	display:inline-block;
	vertical-align:top;}
/*footer left*/
.boxFooter.left{
	width:368px;}

.boxFooter.left p{
	font-size:80%;
	line-height:1.6em;
	margin-bottom:10px;}
	
/*footer center*/
.boxFooter.center{
	width:267px;}
.boxFooter.center h3{
	background:url(./images/icon_map.png) no-repeat;
	padding-left:20px;
	margin-top:10px;
	font-size:14px;
	font-weight:normal;}

/*footer right*/
.boxFooter.right{
	width:300px;
	margin-left:48px}
.boxFooter.right dt{
	background:url(./images/bg_footer_right.png) no-repeat;
	width:300px;
	height:45px;
	line-height:38px;
	text-align:center;
	color:#fff;
	font-size:90%;}
.boxFooter.right dd{
	font-size:70%;
	margin-bottom:10px;
	line-height:1.4em;
	padding:10px 0 10px 40px;}
.boxFooter.right dd.icon_mail{
	background:url(./images/icon_footer_mail.png) no-repeat left center;
	}
.boxFooter.right dd.icon_tel{
	background:url(./images/icon_footer_tel.png) no-repeat left center;
	}
.boxFooter.right dd.icon_file{
	background:url(./images/icon_footer_download.png) no-repeat left center;
	}
#footerCopy{
	background-color:#1e1a1b;
	text-align:center;
	padding:10px 0 10px;}
#footerCopy ul li{
	display:inline-block;
	margin-bottom:10px;}
#footerCopy ul li:after{
	content:'｜';
	color:#fff;
	margin:0 10px;
	}
#footerCopy ul li.last:after{
	content:'';
	}
#footerCopy p,#footerCopy a{
	color:#fff;
	font-size:84%;}
#footerCopy a:hover{
	color:#ec7335;}
	
/*==================================下層ページ
*/
/*========subCrm*/
.subCrmList{
	border:#d6d5d5 1px solid;
	padding:10px 9px;}
.subCrmList h2{
	color:#016abf;
	font-size:16px;
	font-weight:normal;
	line-height:1em;
	text-align:center;
	padding:8px 0;
	border-bottom:#d6d5d5 1px solid;
	}
.subCrmList h2 span{
	font-size:11px;
	font-weight:bold;
	color:#333;}

.subCrmList li{
	border-bottom:#d6d5d5 1px solid;}
.subCrmList li li:last-child{
	border-bottom:none;}
.subCrmList li a{
	display:block;
	text-decoration:none;
	color:#333;
	background:url(./images/icon_sidenavi.png) no-repeat 98% center;
	font-size:90%;
	padding:8px 0 5px 10px;}
.subCrmList>ul.sideLnavi_child>li.page_item_has_children>a,.sideProdList ul.menu>li>a{
	background-image:none;
	background-color:#4898d9;
	color:#fff;}

.subCrmList>ul>li>a{}
.subCrmList>ul>li>a:hover{
	color:#06C;
	text-decoration:underline;}
.subCrmList>ul>li.page_item_has_children>a{
	background-image:none;
	background-color:#4898d9;
	color:#fff;}
.subCrmList>ul.company>li.page_item_has_children>a{
	color:#333;
	background:url(./images/icon_sidenavi.png) no-repeat 98% center #fff;}
.subCrmList ul.sideLnavi.support>li>a{
	background-image:none;
	background-color:#4898d9;
	color:#fff;}
.subCrmList>ul>li.page_item_has_children ul.children li{
	font-size:90%;}
.subCrmList li a:hover{
	text-decoration:underline;
	color:#ec7335;}
.subCrmList .children .children{
	display:none;}

/*========mainCrm*/
#mainCrm h3{
	border-left:#95a5a6 4px solid;
	font-weight:normal;
	font-size:110%;
	margin:10px 0;
	padding:5px 0 5px 11px;}

/*================製品詳細ページ*/
.productDetail{}

.productImg{
	width:365px;
	max-height:365px;
	overflow:hidden;
	border:#d6d5d5 1px solid;
	position:relative;
	padding:10px;
	float:left;}
.productImg img{
	display:block;
	margin:0 auto;
	max-height:345px;
	max-width:100%;}
.productRight{
	width:366px;
	float:right;
	line-height:1.4em;
	font-size:90%;}
#pageContent .productRight p{
	font-size:100%;}
#mainCrm .productDetail h3{
	color:#016abf;
	border:#95a5a5 3px solid;
	line-height:1em;
	padding:7px 0 5px 10px;}

.productRight ol,.productRight ul{
	margin:15px 0 15px;}
.productRight ul li{
	list-style:disc;}
.productRight li{
	margin-bottom:10px;}
	
.productRight .sunpou{
	width:360px;}
.productRight .sunpou img{
	display:block;
	margin:0 auto;
	max-height:345px;
	max-width:100%;}

/*=====================ダウンロードカタログページ*/

.productImg.dl_cat{
	width:248px;
	max-height:350px;
	overflow:hidden;
	border:none;
	position:relative;
	padding:0px;
	float:left;}
.productImg.dl_cat img{
	display:block;
	margin:0 auto;
	max-height:350px;
	max-width:100%;}

.productRight.dl_cat{
	width:480px;
	float:right;
	line-height:1.4em;
	font-size:90%;}

/*=====================テーブル*/
.productDetail table,table.table-01,table.table-02{
	width:100%;
	margin:15px 0;}
.productDetail table th,.productDetail table td,table.table-01 th,table.table-01 td{
	border:#ccc 1px solid;
	padding:4px 10px;
	font-size:90%;}
table.table-02 th,table.table-02 td{
	padding:4px 10px;
	font-size:90%;}
	
table.table-01 td.td_blue{
	background-color:#e5f1f9;}
.align_r{
	text-align:right;}
/**
.td_gray22_bgc_yellow{
	background-color:#fefbc9;}
.td_gray22_bgc_blue{
	background-color:#c9eefe;}
*/
.table-03{
	border-color:#ccc;
	width:100%;
	margin:15px 0;}
.table-03 th,.table-03 td{
	padding:10px;
	font-size:90%;}
.table-03 .td_bgcolor_yellow,.table-05 .td_bgcolor_yellow{
	background-color:#f1ef7f;}
.table-03 .td_bgcolor_blue{
	background-color:#a7d9ff;}
.table-04,.table-05,.table-06{
	width:100%;
	margin:15px 0;}
.table-04 th,.table-04 td{
	border:#ccc 1px solid;
	padding:4px 5px;
	font-size:76%;}
.table-05 th,.table-05 td{
	border:#ccc 1px solid;
	padding:15px;
	font-size:80%;}
.table-06 th,.table-06 td{
	padding:15px;
	border:#ccc 1px solid;}
.table-06 td a{
	text-decoration:none;}
.table-06 td a:hover{
	text-decoration:underline;}
#pageContent .table-05 td ol{
	margin-top:5px;}
#pageContent .table-05 td ol li{
	font-size:100%;}
.link_po{
	border:#ddd 2px solid;
	padding:10px;
	margin:10px 0;}
/*==========問い合わせフォーム部分のテーブル*/
table.table-form{
	width:100%;
	margin:15px 0;}
table.table-form th,table.table-form td{
	border:#ccc 1px solid;
	padding:7px 10px;
	font-size:90%;}
table.table-form th{
	background-color:#edf1ff;
	font-weight:normal;}
table.table-form th span{
	color:#F30;
	font-size:12px;}
table.table-form td input{
	margin:3px 0;}

table.table-lavel{
	width:100%;
	margin:30px 0;}
table.table-lavel th,table.table-lavel td{
	border:#ddd 1px solid;
	padding:7px 10px;
	font-size:90%;}
table.table-lavel th{
	background-color:#edf1ff;
	font-weight:bold;}
	
table.table-lavel td label{
	display:inline-block;
	width:45%;
	border:#016abf 1px solid;
	padding:7px;
	border-radius:4px;
	margin:5px ;}
table.table-lavel th span{
	color:#F30;
	font-size:12px;
	font-weight:normal;}

/*================CTAユニット*/
.ctaUnit{
	background-color:#eee;
	text-align:center;
	width:385px;
	padding-bottom:10px;
	margin:30px 0;
	float:right;
	}
.ctaTitle{
	background:url(./images/title_cta.png) no-repeat;
	color:#fff;
	line-height:1em;
	font-size:110%;
	font-weight:bold;
	padding:10px 0 20px;}
.ctaUnit p{
	font-size:80%;
	line-height:1.8em;
	margin:10px 0;}
.ctaUnit p.iconCta{
	width:260px;
	padding-left:30px;
	margin:10px auto 0;
	background:url(./images/icon_download_cta.png) no-repeat left center;}
/*===================固定ページ*/
#pageContent p{
	margin:15px 0;
	font-size:90%;}
.alignright{ float:right; margin:0px 0 0px 20px !important;}
.alignleft{ float:left; margin:0px 20px 0px 0 !important;}
.aligncenter{ display:block !important; margin:0px auto !important;}

#pageContent ul li,#pageContent ol li{
	margin-left:30px;
	margin-bottom:10px;
	
	}
/*===================== wordpress 出力用*/
#pageContent h2{
	border-bottom:#bbb 1px dotted;
	margin-bottom:10px;}
#pageContent h2:before{
	content:'■';
	color:#016abf;
	margin-right:5px;}
#pageContent h3{}
#pageContent h4{}
/*固定ページ　子ページ一覧*/
.pageList>li{
	list-style:disc;
	margin-left:35px;
	}
.pageList li.page_item_has_children>a{}
.pageList>li{
	margin-bottom:20px;}
.pageList>li .children{
	margin-left:25px;}
.pageList>li>.children li{
	background:url(./images/icon_footer_navi01.png) no-repeat left 0.5em;
	padding-left:10px;}
.pageList>li>.children li:last-child{
	background:url(./images/icon_footer_navi02.png) no-repeat left 0.5em;}

/*archive page*/
.archiveList{
	margin:20px;}
.archiveList dt{
	background-color:#efefef;
	padding:10px;
	font-size:100%;
	font-weight:bold;}
.archiveList dt .list-date{
	font-weight:normal;
	font-size:14px;}
.archiveList dd{
	font-size:90%;
	padding:10px 10px 10px 98px;
	margin-bottom:10px;
	}
.archiveList dd.post{
	padding:10px 10px 10px;}
/*サイトマップ*/
#sitemap{}
#sitemap ul{
	margin-left:0px;}
#sitemap ul li{
	background:url(./images/icon_footer_navi01.png) no-repeat left 0.5em;
	margin-bottom:5px;
	padding:0px 0 0px 10px;
	line-height:1.6em;
	font-size:13px;}

#sitemap ul li:last-child{
	background:url(./images/icon_footer_navi02.png) no-repeat left top;}
#sitemap>ul>li,#sitemap>ul>li:last-child{
	background:none;
	margin-left:0;}
#sitemap ul.kotei>li>a{
	display:block;
	padding:5px;
	text-decoration:none;
	font-weight:bold;
	background-color:#edf1ff;
	margin-bottom:10px;}
#sitemap ul.kotei>li>a:hover{
	text-decoration:underline;}
#sitemap ul.kotei>li>ul.children>li>a{
	font-weight:bold;
	}
/*カテゴリーページ一覧*/
.prodList{
	padding:15px 0;}
.prodList li{
	padding:10px 0;
	border-bottom:#ccc 1px dashed;}

.prodList .productImg{
	width:90px;
	max-height:90px;
	overflow:hidden;
	margin-right:20px;}
.prodList .productImg.noimg{
	border:#fff 1px solid;
	width:90px;
	max-height:10px;
	display:block;
	overflow:hidden;}
.prodList .productImg img{
	max-width:100%;
	max-height:90px;
	}

.listRight{
	width:520px;
	float:left;}
#pageContent .listRight p.listTitle{ font-weight:bold; font-size:16px; margin:0 0 15px;}
#pageContent .listRight .listDesc p{ margin:0;}

#pageContent .midCatList ul li{
	text-align:center;
	border:#ddd 2px solid;
	margin:0 10px 25px;
	display:inline-block;
	width:220px;
	vertical-align:top;
	box-shadow:0px 0px 3px #efefef;
	}
#pageContent .midCatList ul li p{ margin:0;}
#pageContent .midCatList ul li a{
	display:block;
	text-decoration:none;
	padding:10px 5px;}
#pageContent .midCatList ul li a:hover{
	background-color:#efefef;}
#pageContent  .midCatList li p.listTitle{
	 font-weight:bold; font-size:16px;}
#pageContent  .midCatList li p.disc{
	line-height:1.3em;
	margin:0;}
/*ダウンロードページ タクソノミー*/
ul.downloadList{
	margin-top:15px;}
ul.downloadList li{
	padding:4px 0;
	border-bottom:#ccc 1px dashed;}
#pageContent ul.downloadList li p{ font-weight:bold; font-size:16px; margin:5px 0 0px;}
ul.downloadList li .tarmIcon{
	display:inline-block;
	background-color:#e5f1f9;
	border-radius:3px;
	text-align:center;
	padding:3px 5px;
	line-height:1em;
	color:#0075C1;}
ul.downloadList li .tarmPostDate{
	display:inline-block;
	color:#0075C1;}

.downloadList .productImg{
	width:90px;
	max-height:90px;
	overflow:hidden;
	margin-right:20px;}
.downloadList .productImg.noimg{
	border:#fff 1px solid;
	width:90px;
	max-height:10px;
	display:block;
	overflow:hidden;}
.downloadList .productImg img{
	max-width:100%;
	max-height:90px;
	}
	
	
.google-map{
	width:600px;
	margin:20px 0 35px;}


/*########################___ for_PC_only ___########################*/
@media screen and (min-width: 641px) {
.onlySP
,.spMenuBtn
,#lnaviArea .n1
,#lnaviArea .shadow
,.pagetop
{display: none !important;}

html,body {
min-width: 1020px;
}


/*########################___     gnavi  ___########################*/
#gnavi {
min-width:1000px;
margin-top:10px;
border-bottom:#444 5px solid;
padding-bottom:3px;
position:relative;
height:45px;
}

#gnavi .contentNavi {
width: 1000px;
margin: 0 auto
}
.contentNavi a{color:#303030;text-decoration:none;}
#gnavi dl {
float: left;
}

#gnavi dt {
display:inline-block;
width:200px;
height:34px;
border-right:#ccc 1px solid;
box-sizing:border-box;
-webkit-box-sizing:border-box;
text-align:center;
padding:4px 0 2px;
position:relative;
}

#gnavi dl:first-child dt {
border-left:#ccc 1px solid;
}

#gnavi dt span {
display:block;
width:100%;
text-decoration:none;
color:#016abf;
font-size:16px;
line-height:1em;
transition:all 500ms;
}

body#en dt span {
line-height: 31px;
}

body#en dt span span {
display: none;
}

#gnavi dt span:hover {
cursor: pointer;
opacity:0.2;
}

#gnavi dt span span {
margin-top: 5px;
color:#444;
font-weight:bold;
font-size:10px;
}

#gnavi dt.open:after{
width:15px;
height:7px;
display:block;
content: url(./images/gnavi_arrow.png);
position:absolute;
bottom:-15px;
left:50%;
margin-left:-7px;
z-index:3000;
}

#gnavi dd {
display: none;
position:absolute;
top: 53px;
left: 0;
width: 100%;
background-color:#eee;
border-bottom:#000 1px solid;
line-height:61px;
z-index:2000;
}

#gnavi dd ul {
width: 1000px;
margin: 0 auto;
text-align: center;
}

#gnavi dd ul li {
display:inline-block;
margin:0 30px 0 20px;
position:relative;
}

#gnavi dd ul li a {
text-decoration:none;
display:block;
background:url(./images/icon_navi_blue.png) no-repeat left center;
padding-left:15px;
font-size:100%;
color:#444;
transition:all 500ms;
}

#gnavi dd ul li a:hover {
opacity:0.2;
}

#gnavi dd ul ul,#gnavi dd .productSiteMap ul ul,#gnavi dd .productSiteMap a {
display: none;
}

#gnavi dd .productSiteMap ul,#gnavi dd .productSiteMap ul a {
display: block;
}


/*########################___     slideArea ___########################*/
#slideArea{
	width:960px;
	margin:30px auto 20px;
	position:relative;
	line-height:1em;}
#slideArea ul {
height: 300px;
}
#slideArea ul#foo1 li{
	width:960px;
	height:300px;
	float:left;}
#slideNavi a{
	display:block;
	width:38px;
	height:63px;
	text-indent:-9999px;
	position:absolute;}
#slideNavi a#prev1{
	background:url(./images/slide_arrow_l.png) no-repeat left top;
	top:120px;
	left:-50px;
	}
#slideNavi a#next1{
	background:url(./images/slide_arrow_r.png) no-repeat left top;
	top:120px;
	right:-50px;}


/*########################___     footerSitemap  ___########################*/
.footerSitemap{
	border-top:#fff 2px solid;
	border-bottom:#fff 2px solid;}
.footerSitemapInner{
	border-top:#eee 2px solid;
	border-bottom:#1e1a1b 2px solid;
	background-color:#fff;}
.boxSitemap{
	width:159px;
	min-height:235px;
	border-right:#eee 1px solid;
	float:left;
	padding:20px;}
.boxSitemap.first{
	width:208px;
	border-left:#eee 1px solid;}
.boxSitemap dt,.boxSitemap dd,.boxSitemap li,.boxSitemap a{
	line-height:1em;}
.boxSitemap a{
	display:block;
	text-decoration:none;
	color:#222;}
.boxSitemap a:hover{
	color:#ec7335;
	text-decoration:underline;}
.boxSitemap dt{
	background:url(./images/icon_footer_navi_blue.png) no-repeat left center;
	padding:10px 0 10px 10px;
	font-size:96%;}
.boxSitemap dd li{
	font-size:83%;
	background:url(./images/icon_footer_navi01.png) no-repeat left top;
	padding-left:10px;
	line-height:1.4em;
	margin:0 0 12px 15px;}

.boxSitemap dd li:last-child{
	background:url(./images/icon_footer_navi02.png) no-repeat left top;}
.boxSitemap dd ul ul li{
	font-size:100%;
	margin:10px 0 10px 10px;}
.boxSitemap ul.productSiteMap li{
	margin-left: 0;
	padding-left: 0;
	background:none;font-size:83%;
	}
.boxSitemap ul.productSiteMap li li{
	background:url(./images/icon_footer_navi01.png) no-repeat left top;
	padding-left:10px;
	
	line-height:1.4em;
	margin:0 0 12px 15px;}
.boxSitemap ul.productSiteMap li li:last-child{
	background:url(./images/icon_footer_navi02.png) no-repeat left top;}

.boxSitemap ul.productSiteMap>li>a{
	background:url(./images/icon_footer_navi_blue.png) no-repeat left center;
	padding:10px 0 10px 10px;
	font-size:114%;
	margin-bottom:-10px;}
	
.boxSitemap dd ul ul li,.boxSitemap ul.productSiteMap li ul li{
	font-size:100%;
	margin:10px 0 10px 10px;}


} /* end of for_PC */


/*#_---------------------------___*/
/*########################___ for SP  ___########################*/
@media screen and (max-width: 641px) {
.onlyPC
,.headerRightArea
,#footerLine img
,#footerCopy ul
{display: none;}

/*########################___     slideArea ___########################*/
#slideArea ul {
height: 100px;
}

#slideArea li img {
width: 100%;
height: auto;
}

#slideNavi {
display: none;
}

#foo1_pag {
margin: 15px auto;
}


/*########################___     breadcrumbs ___########################*/
#pan {
min-width: 100px;
}

#pan ul {
width: auto;
padding-left: 5px;
padding-right: 5px;
}

#pan ul li {
display: inline-block;
}


/*########################___     2カラム順序入れ替え  ___########################*/
#main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#subCrm {
width: 100%;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

#mainCrm {
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}


/*########################___     フッタ順序入れ替え  ___########################*/
#footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#footerLine {
width: 100%;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.footerTop {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.footerSitemap {
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}

#footerCopy {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}


/*########################___     footer ___########################*/
.pagetop {
display: none;
position: fixed;
right: 5px;
bottom: 50px;
z-index: 1000;
}

.pagetop a {
position: relative;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 40px;
height: 40px;
background: #016abf;
border-radius: 50%;
opacity: 0.5;
}

.pagetop a::before,.pagetop a::after {
content: "";
display: block;
position: absolute;
top: 45%;
left: 70%;
width: 15px;
height: 3px;
margin: -2px 0 0 -5px;
margin: 0 0 0 -10px;
background: #fff;
border-radius: 3px;
}

.pagetop a::before {
margin-left: -20px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.pagetop a::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}


/*########################___     SP_base ___########################*/
/*=====================BODY========================*/
.wrap{
	width:100%;
	margin:0 auto;}
#main{
	width:100%;
	margin:0 auto;}

#mainCrm{
	width:100%;
	float:none;
	margin-top:25px;}

/*=============================================ヘッダー
*/
#header{
	margin-bottom:12px;}
.headerTopArea{
	background-color:#1e1a1b;
	font-size:12px;
	color:#fff;
	margin-bottom:0px;
	min-width:100%;
	}
h1{font-weight:normal;
line-height:1.3em;
padding:6px 0;
font-size:12px;}
h1 br{
	display:none;}
.logoArea{ float:left;
padding-top:12px;
margin-left:10px;
width:169px;}
.logoArea img{
	width:100%;}
.spMenuBtn{
	width:24px;
	padding-top:18px;
	margin-right:18px;
	float:right;}
.spMenuBtn img{
	width:100%;}
/*=============================================ナビゲーション
*/
#gnavi{
	display:none;
	min-width:100%;
	border-top:#000 1px solid;
	border-bottom:none;
	margin-top:10px;
	padding-bottom:0px;
	position:relative;
	height:auto;
	}
.contentNavi dl dt{
	border-bottom:#000 1px solid;
	background:url(images/arrow01_sp.png) no-repeat 98% center;
	background-size:10px;
	padding:10px;}
.contentNavi dl dt.open {
	background:url(images/arrow02_sp.png) no-repeat 98% center;
	background-size:10px;}
.contentNavi dl dd{
	display:none;
	border-bottom:#000 1px solid;}

.contentNavi ul li{
	border-bottom:#aaa 1px solid;
}
.contentNavi ul li:last-child{
	border-bottom:none;}
.contentNavi ul li a{
	display:block;
	padding:10px 10px 10px 20px;
	text-decoration:none;
	background-color:#f0f8ff;
	color:#111;}
.contentNavi ul.productSiteMap>li{
	padding:0;}
.contentNavi ul.productSiteMap>li>a{
	display:none;
	}
.contentNavi ul.productSiteMap ul.children ul.children{
	border-top:#aaa 1px solid;}
.contentNavi ul.productSiteMap ul.children li a{
	padding-left:20px;
	background-color:#d7eaf9;}
.contentNavi ul.productSiteMap ul.children li ul.children li a{
	padding-left:40px;
	background-color:#f0f8ff;}

.contentNavi ul.supportList ul.children{
	border-top:#aaa 1px solid;}
.contentNavi ul.supportList li a{
	padding-left:20px;
	background-color:#d7eaf9;}
.contentNavi ul.supportList ul.children li a{
	padding-left:40px;
	background-color:#f0f8ff;}

/*コンテンツ部分ナビゲーション*/
ul.spNaviMaps{
	margin:0;}
ul.spNaviMaps li{
	width:50%;
	box-sizing:border-box;-webkit-box-sizing:border-box;
	padding:10px;
	float:left;
	border-bottom:#000 1px solid;}
ul.spNaviMaps li.li-left{
	border-right:#000 1px solid;}
ul.spNaviMaps li a{
	text-decoration:none;
	color:#111;}
/*=============================================アイコンナビゲーション
*/	
#lnaviArea{
	width:301px;
	min-width:301px;
	background:none;
	text-align:center;
	padding-top:0px;
	height:auto;
	position:relative;
	margin:15px auto;}
#lnaviArea li{
	width:75px;
	height:75px;
	display:block;
	float:left;
	margin:0;
	border-top:#aaa 1px solid;
	border-left:#aaa 1px solid;
	border-bottom:#aaa 1px solid;
	position:relative;
	box-sizing:border-box;-webkit-box-sizing:border-box;}
#lnaviArea li.n4,#lnaviArea li.n8{
	border-right:#aaa 1px solid;
	width:76px;}
#lnaviArea li.n1,#lnaviArea li.n2,#lnaviArea li.n3,#lnaviArea li.n4{
	border-bottom:none;}
#lnaviArea li a{
	color:#016abf;
	text-decoration:none;
	font-weight:bold;
	font-size:9px;
	display:block;
	line-height:1em;
	transition:all 500ms;}
#lnaviArea li a span{
	display:block;
	width:100%;
	position:absolute;
	bottom:3px;
	left:0;}
#lnaviArea li a img{
	width:72px;
	height:72px;
	position:absolute;
	top:1px;
	left:1px;}
#lnaviArea li a:hover{
	opacity:0.4;
	}
#lnaviArea li a img{}
#lnaviArea .shadow{
	display:block;
	margin:0 auto;}
/*=============================================メインコンテンツ
*/
/*========index*/

.section{
	margin:15px 0;}
.title{
	background-color:#016abf;
	padding:14px 0 10px;}
.title h2{
	color:#fff;
	font-size:110%;
	background:url(./images/icon_title_white.png) no-repeat left 45%;
	padding-left:15px;
	line-height:1em;}
.title h2 span.alfa{
	color:#a4bee1;
	font-size:12px;
	padding-left:10px;}
	
.viewArea{
	width:100%;
	height:200px;
	overflow-y:scroll;}
table.news{
	border-collapse:separate;
	border-spacing:10px;}
table.news th,table.news td{
	text-align:left;
	vertical-align:top;
	font-size:80%;
	line-height:1.3em;
	}
table.news td.line{
	width:100%;
	padding:0 0 1px 0;
	background:none;
	border-left:none;
	border-bottom:#ccc 1px solid;}
table.news th{
	width:15%;
	padding:5px 0 5px 10px;
	background:url(./images/icon_date_red.png) no-repeat 0px 8px;
	font-size:10px;}
table.news td{
		padding:5px 0 5px 10px;
		border-left:#aaa 1px solid;}
		
/*==================================footer*/
#footer{
	background-color:#eee;
	min-width:100%;
	margin-top:0;}
#footerLine{
	background:url(./images/bg_footer_top.png) repeat-x;
	padding-bottom:49px;
	position:relative;}

.footerTop{
	padding:22px 0 10px;}
.boxFooter{
	display:inline-block;
	vertical-align:bottom;}
/*footer left*/
.boxFooter.left{
	width:auto;
	margin:0 10px;}

.boxFooter.left p{
	font-size:10px;
	line-height:1.6em;
	margin-bottom:10px;}

#footerCopy p{
	font-size:10px;}


/*########################___     SP_responsive_add  ___########################*/
#main .section {
margin-top: 0;
}

#lnaviArea.underPage {
height: auto;
}

#lnaviArea.underPage li a img {
max-width: 999px;
max-height: 999px;
}

.contentNavi dt span span {
display: none;
}

#lnaviArea {
padding: 1px 0 0 2px;
}

#lnaviArea li {
width: 76px;
height: 76px;
margin: -1px 0 0 -1px;
border: solid 1px #aaa;
}

.productInfo {
width: 100%;
}

.productInfo li:nth-child(2n+1) {
clear: both;
}

.archiveNavi ul {
margin: 0 1%;
}

.archiveNavi .box220 {
width: 47%;
margin: 10px 1.5% 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

li.box220 img {
width: 100%;
max-height: 9999px;
}

li.box220 .archiveTitle {
width: 640px;
}


.topBanner {
width: 100%;
margin: 0 2.5% 15px;
}

.topBanner img {
width: 100%;
}

.footerSitemap,.spNaviMaps {
background: #fff;
}

.spNaviMaps {
padding: 0 0 15px;
white-space: nowrap;
}

.spNaviMaps .last {
font-size: 85%;
}

.boxFooter {
display: block;
width: auto !important;
margin: 0 0 10px !important;
padding: 0 10px 10px !important;
}

.googlemap iframe {
width: 100%;
margin: 10px 0 0;
}

.boxFooter.right {
width: auto;
margin: 0;
}

.boxFooter.right dt {
position: relative;
width: auto;
height: auto;
margin-bottom: 10px;
padding: 0.5em;
background: #4891cd;
line-height: 1;
}

.boxFooter.right dt:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -20px;
width: 0;
height: 0;
margin: 0 auto;
border: 10px solid transparent;
border-top: 10px solid #4891cd;
}


/*########################___        underpage  ___########################*/
#mainCrm {
margin-top: 0;
overflow: hidden;
}

#mainCrm h3 {
margin-left: 5px;
margin-right: 5px;
}

#pageContent {
margin: 0 5px;
}

#pageContent img {
width: 100% !important;
height: auto;
max-width: 9999px;
max-height: 9999px;
}

#pageContent .dispOriginal {
width: auto !important;
}

.boxTable {
margin: 15px 0;
overflow: auto;
}

.boxTable::-webkit-scrollbar{
height: 5px;
}
.boxTable::-webkit-scrollbar-track{
background: #ddd;
}
.boxTable::-webkit-scrollbar-thumb {
background: #4898d9;
}

.boxTable table {
margin: 0;
}

img[usemap] {
width: auto !important;
}

#pageContent table {
font-size: 85%;
line-height: 1.6;
}

#pageContent th,#pageContent td {
width: auto;
}

.google-map,.google-map iframe,.googlemap,.googlemap iframe {
width: 100%;
height: 200px;
}

.midCatList {
margin-bottom: 15px;
}

#pageContent .prodList ul li,#pageContent .midCatList ul li {
width: 99%;
margin: 0 0 10px;
}

.prodList {
padding-top: 0;
}

.prodList .productImg,.prodList .listRight {
display: table-cell;
float: none;
vertical-align: top;
}

.prodList .productImg {
padding: 4px;
}

.productImg.noimg {
display: none !important;
}

.prodList .listRight {
width: auto;
padding-left: 8px;
}

.prodList .listTitle {
margin-bottom: 0 !important;
font-size: 13px !important;
}

.prodList .listTitle br {
display: none;
}

.ctaUnit {
float: none;
width: auto;
margin: 0 5px 15px;
}

.ctaUnit .ctaTitle {
position: relative;
margin-bottom: 15px;
padding: 0.5em;
background: #016abf;
}

.ctaUnit .ctaTitle:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -20px;
width: 0;
height: 0;
margin: 0 auto;
border: 10px solid transparent;
border-top: 10px solid #016abf;
}

.productDetail h3 {
margin-left: 0 !important;
margin-right: 0 !important;
}

.productDetail .productImg {
float: none;
width: 100%;
margin: 0;
padding: 1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.productDetail .productRight {
float: none;
width: 100%;
}

.productDetail .sunpou {
width: 70%;
margin: 0 15%;
}

.productDetail table th, .productDetail table td, table.table-01 th, table.table-01 td {
padding: 2px 4px 2px;
line-height: 1.3;
}

input,textarea {
width: 95%;
}

input[type=radio],input[type=checkbox],input[type=image],input[type=button],input[type=reset],input[type=submit] {
width: auto;
}

input[size="10"] {
width: 6em;
}

span.wpcf7-list-item {
margin-left: 0 !important;
}

table.table-lavel td label {
width: 100%;
margin-left: 0;
margin-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.ctaUnit p {
font-size: 70%;
}

.ctaUnit .ctaBtn img {
width: 96%;
margin: 0 2%;
}

.ctaUnit p.iconCta {
width: auto;
padding-left: 0;
}

.archiveList {
margin: 10px 0 0;
}

.archiveList dd {
padding: 0 5px 10px;
}

.archiveList dd.post {
padding-top: 0;
line-height: 1.6;
}

.downloadList li {
margin-left: 0 !important;
}

.productImg.dl_cat {
float: none;
width: auto;
max-height: 9999px;
}

.productRight.dl_cat {
float: none;
width: auto;
}

#subCrm {
margin-top: 0;
}

.subCrmList {
margin: 0 0 15px;
border-width: 1px 0 0;
padding: 0;
}


/*########################___        multilingual_link  ___########################*/
.spNaviMaps {
padding-bottom: 0;
}

.langLink {
width: 100%;
margin-bottom: 15px;
}

#gnavi .langLink {
margin-bottom: 0;
}

#lang_sel_list.lang_sel_list_vertical {
width: 100%;
}

#lang_sel_list {
height: auto;
}

#lang_sel_list.lang_sel_list_vertical ul {
top: auto;
}

#lang_sel_list ul {
height: auto !important;
border: none !important;
margin-left: -2px !important;
}

#lang_sel_list.lang_sel_list_vertical li {
width: 33.3%;
}

#lang_sel_list.lang_sel_list_vertical a, #lang_sel_list.lang_sel_list_vertical a:visited {
padding: 15px 0 !important;
border: none;
border: solid #000;
border-width: 0 0 1px 1px;
}

#lang_sel_list a, #lang_sel_list a:visited {
font-size: 100%;
}


/*########################___        clearfix_item  ___########################*/
.clearfix:after
,.lang_sel_list_vertical ul:after
{content: '';display: block;clear: both;height: 0;}

.clearfix
,.lang_sel_list_vertical ul
{/zoom: 1;}


} /* end of for SP */